
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的订单</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/order/order.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/layui.css">
    <script src="${pageContext.request.contextPath}/js/jquery-3.4.1.min.js"></script>
    <script src="${pageContext.request.contextPath}/layui/layui.js"></script>

</head>
<body>
<div id="all">

    <div class="q_header q_header_package">
        <div class="mymain">
            <div class="q_header_main" data-hfchannel="package" data-hffile="header_main">
                <div class="q_header_logo"><a href="" target="_top" hidefocus="on">
                    <img src="${pageContext.request.contextPath}/images/logo.svg"></a></div>
                <div class="p_nav">
                    <div class="p_nav_ct">
                        <ul>
                            <li class="deactve home"><a href="/index.jsp" hidefocus="on"
                                                        wc-clk="index">度假首页</a></li>
                            <li class="deactve fh agio"><a href="" target="_blank"
                                                           wc-clk="fh">自由行</a><i class="icon"></i></li>
                            <li class="deactve surrounding"><a href=""
                                                               hidefocus="on" wc-clk="around">周边游</a></li>
                            <li class="deactve c2b"><a href="/custom/custom" hidefocus="on"
                                                       target="_blank" wc-clk="c2b">包团·定制</a><i class="icon"></i></li>
                        </ul>
                    </div>
                </div>
                <div class="q_header_tnav">
                    <ul>
<%--                        <c:if test="${empty loginCustomer}">--%>
<%--                            <li id="__loginInfo_u__" class="q_header_username">--%>
<%--                                <span>请</span>--%>
<%--                                <a id="__headerInfo_login__"--%>
<%--                                   href="/customer/login.jsp"--%>
<%--                                   hidefocus="on" rel="nofollow">登录</a>--%>
<%--                            </li>--%>
<%--                            <li id="__loginInfo_r__" class="q_header_register">--%>
<%--                                <span>或</span>--%>
<%--                                <a id="__headerInfo_reg__"--%>
<%--                                   href="/customer/register.jsp"--%>
<%--                                   hidefocus="on"--%>
<%--                                   rel="nofollow">免费注册</a></li>--%>
<%--                        </c:if>--%>
                        <c:if test="${not empty loginCustomer}">
                            <li  class="q_header_username">
                                <span>欢迎您</span>
                                <a href=""
                                   hidefocus="on" rel="nofollow" class="nav_userName">${loginCustomer.customerName}</a>
                            </li>
                            <li  class="q_header_register">
                                <span>     </span>
                                <a href="/customer/out"
                                   hidefocus="on"
                                   rel="nofollow" class="out">退出</a></li>
                        </c:if>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--个人中心导航栏部分 ：个人信息、账户信息、消息-->
<%--    <div class="cus_header1">--%>
<%--        <div class="cus_nav_2_body">--%>
<%--            <a href="" class="logo">--%>
<%--                <img src="${pageContext.request.contextPath}/images/xhbtest1.png" alt="">--%>
<%--            </a>--%>
<%--            <ul class="nav">--%>
<%--                <li class="cus_self_center">--%>
<%--                    <a href="">个人中心</a>--%>
<%--                </li>--%>
<%--                <!--<li class="cus_self_info">-->--%>
<%--                <!--<a href="">个人信息</a>-->--%>
<%--                <!--</li>-->--%>
<%--&lt;%&ndash;                <li class="cus_system_msg">&ndash;%&gt;--%>
<%--&lt;%&ndash;                    <a href="">系统消息</a>&ndash;%&gt;--%>
<%--&lt;%&ndash;                </li>&ndash;%&gt;--%>
<%--            </ul>--%>
<%--        </div>--%>
<%--    </div>--%>
    <!--个人中心得导航栏部分的详细功能模块 ：-->
    <div class="cus_pagecontainer">
        <div class="cus_pagewarp">
            <div class="cus_page">
                <div style="width: 166px;float: left">
                    <div class="info_model">
                        <ul>
                            <li class="info_model_order">
                                <a href="/order">我的订单</a>
                            </li>
                            <li>
                                <a href="/collection">我的收藏</a>
                            </li>
<%--                            <li>--%>
<%--                                <a href="/balance">积分优惠</a>--%>
<%--                            </li>--%>
                            <li>
                                <a href="/travelers">常用旅客</a>
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="order_body">
                    <div class="info_detail">
                        <!--订单列表得导航条-->
                        <div class="order_list_nav_div">
                            <ul class="order_list_nav_ul">
                                <li class="all mouse_on">
                                    <a href="javascript:void(0);">全部订单
                                        <em></em>
                                    </a>
                                </li>
<%--                                <li class="alive">--%>
<%--                                    <a href="javascript:void(0);">有效订单--%>
<%--                                        <em></em>--%>
<%--                                    </a>--%>
<%--                                </li>--%>
<%--                                <li class="month_latest">--%>
<%--                                    <a href="javascript:void(0);">最近一个月--%>
<%--                                        <em></em>--%>
<%--                                    </a>--%>
<%--                                </li>--%>
<%--                                <li class="t_month_latest">--%>
<%--                                    <a href="javascript:void(0);">三个月--%>
<%--                                        <em></em>--%>
<%--                                    </a>--%>
<%--                                </li>--%>
<%--                                <li class="year">--%>
<%--                                    <a href="javascript:void(0);">一年--%>
<%--                                        <em></em>--%>
<%--                                    </a>--%>
<%--                                </li>--%>
                                <!--<li >-->
                                <!--<a href="javascript:void(0);">手机号查询-->
                                <!--<em></em>-->
                                <!--</a>-->
                                <!--</li>-->
                            </ul>
                        </div>
                        <!--此div用于存放筛选得到的订单（复数）-->
                        <div class="order_lists">
                            <!--测试：这是一个单个订单，先看下效果，后面由js循环添加-->
<%--                            <div class="order_single">--%>
<%--                                <!--订单头：包含订单号，订单生成时间等-->--%>
<%--                                <div class="order_header">--%>
<%--                                    <span class="order_id">92720191223175937037004</span>--%>
<%--                                    <span>|</span>--%>
<%--                                    <span class="order_time">2019-12-23 17:59</span>--%>
<%--                                </div>--%>
<%--                                <!--订单主体-->--%>
<%--                                <div class="single_order_table">--%>
<%--                                    <!--包含旅游产品图片和名称的div-->--%>
<%--                                    <div class="order_product">--%>
<%--                                        <ul>--%>
<%--                                            <li class="ord_img_li">--%>
<%--                                                <img src="${pageContext.request.contextPath}/images/xhbtest1.png" alt="">--%>
<%--                                            </li>--%>
<%--                                            <li class="ord_name_li">--%>
<%--                                                <span class="name">--%>
<%--                                                    三亚8天7晚自由行,亲子&情侣优选,高性价比酒店推荐 含多项赠送--%>
<%--                                                </span>--%>

<%--                                            </li>--%>
<%--                                            <li class="ord_price_li">--%>
<%--                                                <div>--%>
<%--                                                    <span>￥</span>--%>
<%--                                                    <span class="price">5336.00</span>--%>
<%--                                                </div>--%>
<%--                                            </li>--%>
<%--                                            <li class="ord_status_li">--%>
<%--                                               <span class="status">--%>
<%--                                                   生效中--%>
<%--                                               </span>--%>
<%--                                            </li>--%>
<%--                                            <li class="ord_detail_li">--%>
<%--                                                <a href="">--%>
<%--                                                   <span>--%>
<%--                                                       查看详情--%>
<%--                                                   </span>--%>
<%--                                                </a>--%>
<%--                                                <span type="text" class="orderId idipt" name="orderId"></span>--%>
<%--                                                <span type="text" class="proId idipt" name="proId"></span>--%>
<%--                                            </li>--%>
<%--                                        </ul>--%>
<%--                                    </div>--%>
<%--                                </div>--%>
<%--                            </div>--%>
                            <!--
                                            分页模块
                            -->

                        </div>
                        <div class="page_div">
                            <div id="page"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="${pageContext.request.contextPath}/js/order/order.js"></script>
</html>
